<template>
  <t-dialog :visible.sync="visible"
  :header="`科普教育详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="60%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row :gutter="[14,25]">
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-义务教育-本校全职科学教师数量" name="ywjyqzjs">
                    {{formData.ywjyqzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-义务教育-本校兼职科学教师数量" name="ywjyjzjs">
                    {{formData.ywjyjzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-义务教育-当年科学教育外聘专家数量" name="ywjywpzjs">
                    {{formData.ywjywpzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高中教育-本校全职科学教育教师数量" name="gzjdqzjs">
                    {{formData.gzjdqzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高中教育-本校兼职科学教育教师数量" name="gzjdjzjs">
                    {{formData.gzjdjzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高中教育-当年科学教育外聘专家数量" name="gzjdwpzjs">
                    {{formData.gzjdwpzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高等教育-本校全职科学教育教师数量" name="gdjyqzjs">
                    {{formData.gdjyqzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高等教育-本校兼职科学教育教师数量" name="gdjyjzjs">
                    {{formData.gdjyjzjs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="师资队伍-高等教育-当年科学教育外聘专家数量" name="gdjywpzjs">
                    {{formData.gdjywpzjs}}
                  </t-form-item>
              </t-col>
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="审批状态" name="status">
                    <t-tag v-if="row.status" :theme="handleTheme(row.status, dict.type.approve_status )" variant="light">
                          {{ row.status | filterByDict(dict.type.approve_status) }}
                    </t-tag>
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-义务教育-当年课程课时" name="ywjykcks">
                    {{formData.ywjykcks}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-义务教育-其中：当年校外课时" name="ywjyxwkcks">
                    {{formData.ywjyxwkcks}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-义务教育-当年学生数量" name="ywjyxss">
                    {{formData.ywjyxss}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-高中教育-当年课程课时" name="gzjdkcks">
                    {{formData.gzjdkcks}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-高中教育-其中：当年校外课时" name="gzjdxwkcks">
                    {{formData.gzjdxwkcks}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-高中教育-当年学生数量" name="gzjdxss">
                    {{formData.gzjdxss}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-高等教育-当年本科专业学生数量" name="gdjybkxss">
                    {{formData.gdjybkxss}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="教学情况-高等教育-当年研究生专业学生数量" name="gdjyyjsxss">
                    {{formData.gdjyyjsxss}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="中小学科普（技）活动场所数量" name="zxxkphdcs">
                    {{formData.zxxkphdcs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="中小学科普（技）活动场所-当年服务学生数量" name="zxxkphdfwxs">
                    {{formData.zxxkphdfwxs}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "education-detail-dialog",
  dicts: ['approve_status'],
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>